@charset "utf-8";
/* CSS Document */
body
{
	background: #F9F9F9;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	color: #444;
	padding:0;
	margin:0;
}

a {color:#009BD7; text-decoration:none;}
a:hover {color:#000;}

h1 {
	font-size:15px;
}
h2 {
	font-size:13px;
}
h3 {
	font-size:12px;
}
h4, h5, h6 {
	font-size:12px;
}

a, img { border:none; outline:none;}
input, textarea { outline:none;}

a.readmore {
	background:url(../images/readmore.png) no-repeat;
	width:84px;
	height:26px;
	display:block;
	text-indent: -3000px;
}
a.readmore:hover {
	background-position:0 -26px;
}


/**************************************************/
/******************* HEAD *************************/
/**************************************************/
#global {
	width: 970px;
	vertical-align: top;
	margin:0 auto!important;
}
#wrapper
{
	vertical-align: top;		
}
.header
{
	width:100%;
	margin:0;
}
.freeze_bar
{
	width: 970px;
	height: 25px;
	text-align:right;
	position: fixed;
	z-index:103;
}


.freeze_homepage {
	width: 890px; 
	height: 30px; 
	position:absolute; 
	top:0; 
	padding-top: 3px;
	z-index:104;
}
.freeze_icon
{
	width:25px;
	float: left;
	margin-top:6px;
}
.freeze_customize
{
	float: left;
	width:160px;
	font-size: 10px;
	margin-top:2px;
}
.freeze_home, .freeze_feedback
{
	float: left;
	width:120px;
	font-size: 10px;
	margin-top:2px;
}
.freeze_aboutus
{
	float: left;
	width:130px;
	font-size: 10px;
	margin-top:2px;
}
.freeze_customize strong, .freeze_home strong, .freeze_aboutus strong, .freeze_feedback strong {
	color:#000;
	font-size:12px;
	font-weight:bold;
}
.freeze_customize em, .freeze_home em, .freeze_aboutus em, .freeze_feedback em {
	font-style:normal;
	display:block;
	margin-left:35px;
}
.freeze_customize a, .freeze_home a, .freeze_aboutus a, .freeze_feedback a {
	color:#777;
	padding:0 0 10px 35px;
}
.freeze_customize a:hover, .freeze_customize a:hover strong, .freeze_home a:hover, .freeze_home a:hover strong, .freeze_aboutus a:hover, .freeze_aboutus a:hover strong, 
.freeze_feedback a:hover, .freeze_feedback a:hover strong {
	color:#009BD7;
}
.freeze_customize a {
	background: url(../images/freeze_customize.gif) left top no-repeat;
	background-position:0 0;
	padding-bottom:13px;
	*padding-bottom:10px;
	
}
.freeze_customize a:hover {
	background-position:0 -25px;
}
.freeze_home a {
	background: url(../images/freeze_home.png) left top no-repeat;
	background-position:0 0;
	padding-bottom:13px;
	*padding-bottom:10px;
	
}
.freeze_home a:hover {
	background-position:0 -25px;
}
.freeze_aboutus a {
	background: url(../images/freeze_aboutus.gif) left top no-repeat;
	background-position:0 0;
	
}
.freeze_aboutus a:hover {
	background-position:0 -25px;
}
.freeze_feedback a {
	background: url(../images/freeze_feedback.gif) left top no-repeat;
	background-position:0 0;
	
}
.freeze_feedback a:hover {
	background-position:0 -25px;
}

.freeze_left
{
	width: 650px;
	height: 25px;
	padding-top: 5px;
	margin-left: 20px;
	float: left;
}
.freeze_right
{
	width: 300px;
	height: 25px;
	padding-top: 7px;
	float: left;
	text-align: right;
}
.freeze_cell
{
	width:auto;
	float: left;
	margin-right: 10px;
}
#socialnetwork {
	float:right;
}
#socialnetwork .youtube {
	margin:0 15px 0 0;
}

.cell
{
	width: auto;
	height: auto; 
	float: left;
	padding-top: 2px;
	padding-left: 10px;
	margin-right: 10px;
	margin-left: 10px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}
.logo_corner
{
	width: 970px;
	height: 130px;
	_height: 110px;
	margin-top:15px;
	*margin-top:0px;
}
.logo
{
	width: auto;
	height: auto;
	padding-top: 30px;
	_padding-top:5px;
	margin-right: 20px;
	padding-left: 10px;
	float: left;
}
.logo_slogan
{
	width: 650px;
	height: auto;		
	text-align: right;
	float: right;
	margin: 15px 5px 0 0;
	padding-top: 40px;
	_padding-top:15px;
}
.logo_slogan h3 {
	font-size: 24px;
	font-weight:normal;
	line-height:30px;
	margin:0;
	padding:0;
}
.logo_slogan strong {
	font-size:12px; 
	color: #25abde;
	font-weight:bold;
}
.header_link
{
	background:url url(../images/bar.png) no-repeat;
	width: 970px;
	height: 31px;
	margin:0;
	padding:0;
}
.header_link ul {
	width: 970px;
	height: 31px;
/*	list-style:none;  */
	margin:0;
	padding:0;
}
.header_link ul li
{
	float:left;
	height:31px;
}
.header_link ul li a {
	height:31px;
	text-indent: -3000px;
	display:block;
	float:left;
}
.header_link ul li a.header_cell1 {
	width:151px;
	background:url(../images/menu.png) no-repeat;
	background-position: 0 0;
}
.header_link ul li a.header_cell1:hover, .header_link ul li a.header_cell1.selected {
	background-position: 0 -31px;
}
.header_link ul li a.header_cell2 {
	width:172px;
	background:url(../images/menu.png) no-repeat;
	background-position: -151px 0;
}
.header_link ul li a.header_cell2:hover, .header_link ul li a.header_cell2.selected {
	background-position: -151px -31px;
}
.header_link ul li a.header_cell3 {
	width:210px;
	background:url(../images/menu.png) no-repeat;
	background-position: -323px 0;
}
.header_link ul li a.header_cell3:hover, .header_link ul li a.header_cell3.selected {
	background-position: -323px -31px;
}
.header_link ul li a.header_cell4 {
	width:90px;
	background:url(../images/menu.png) no-repeat;
	background-position: -533px 0;
}
.header_link ul li a.header_cell4:hover, .header_link ul li a.header_cell4.selected {
	background-position: -533px -31px;
}
.header_link ul li a.header_cell5 {
	width:119px;
	background:url(../images/menu.png) no-repeat;
	background-position: -623px 0;
}
.header_link ul li a.header_cell5:hover, .header_link ul li a.header_cell5.selected {
	background-position: -623px -31px;
}
.header_link ul li a.header_cell6 {
	width:163px;
	background:url(../images/menu.png) no-repeat;
	background-position: -742px 0;
}
.header_link ul li a.header_cell6:hover, .header_link ul li a.header_cell6.selected {
	background-position: -742px -31px;
}
.header_link ul li a.header_cell7 {
	width:65px;
	background:url(../images/menu.png) no-repeat;
	background-position: -905px 0;
}
.header_link ul li a.header_cell7:hover, .header_link ul li a.header_cell7.selected {
	background-position: -905px -31px;
}


/**************************************************/
/******************* BODY *************************/
/**************************************************/

/*** SLIDE ***/
.image_container
{
	float: left;
	background:#FFF;
	width:715px;
	height:260px;
	border:#E9E9E9 1px solid;	
	-o-border-radius: 3px;
	-khtml-border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	/*behavior: url(http://localhost/aothun/themes/aothun/css/ie-css3.htc);*/
	border-radius: 3px;
	padding:7px;
	margin:12px 0 12px 0;
}
.small_image
{
	float: right;
	background:#FFF;
	width: 210px;
	height: 260px;
	border:#E9E9E9 1px solid;
	-o-border-radius: 3px;
	-khtml-border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	/*behavior: url(http://localhost/aothun/themes/aothun/css/ie-css3.htc);*/
	border-radius: 3px;
	padding:7px;
	_padding:7px 7px 4px 7px;
	margin:12px 0 10px 0;	
}
.small_image .tips {
	background:#F8F7F5;
	color: #666;
    font-size: 12px;
    font-weight: bold;
	line-height:18px;
	text-align:center;
	padding:4px 2px 4px 5px;
}
.small_image ul {
	list-style:none;
	margin:0;
	padding:0;
}
.small_image ul li {
	background: url("../images/arrow.gif") no-repeat scroll left top transparent;
	margin:13px 0 0 2px;
	padding:0 0 0 13px;	
}
.small_image ul li a {
	font-size:11px;
	font-weight:bold;
	font-style:italic;
}
.small_image ul li h5 {
	margin:0;
	padding:0;
}
.small_image ul li h1 {
	font-size:11px;
	display:inline;
}

/*** SERVICE ***/
.i_service
{
	width: 970px;
	height: auto;
}
.four_service
{
	width: 714px;
	height: 110px;
	padding-left: 15px;
	background:#FFF url(../images/stripebg.png) repeat;
	border:#E9E9E9 1px solid;
	-o-border-radius: 3px;
	-khtml-border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	/*behavior: url(http://localhost/aothun/themes/aothun/css/ie-css3.htc);*/
	border-radius: 3px;
	float: left;
	margin:0 5px 0 0;
}
.service_cell
{
	width: auto;
	height: auto;
	margin:10px 52px 0 0;
	_width:154px;
	_margin:10px 20px 0 0;
	*width:155px;
	*margin:10px 19px 0 0;
	float: left;
}
.service_cell h3 {
	width:auto;
	font-size:14px;
	line-height:25px;
	margin:0;
	padding:0;
}
.service_cell ul {
	list-style:none;
	margin:0;
	padding:0;
}
.service_cell ul li {
	margin:0;
	padding:0;
}
.service_cell ul li h4 {
	margin:0;
	padding:0;
	font-weight:normal;
	line-height:20px;
}

.service_bg {
	background:url(../images/service_bg.gif) repeat;
}
.service
{
	float: right;
	width: 225px;
	height: 110px;
	border:#E9E9E9 1px solid;
	-o-border-radius: 3px;
	-khtml-border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	/*behavior: url(http://localhost/aothun/themes/aothun/css/ie-css3.htc);*/
	border-radius: 3px;
}

/*** BODY CONTAIN ***/
.body_container
{
	clear:both;
	width: 968px;
    height:700px;
	background: #FFF;
	border-left:#E9E9E9 1px solid;
	border-right:#E9E9E9 1px solid;
	padding:12px 0 15px 0;
	margin:0;
}
.body_content
{
	width: 970px;
	height: auto;
	margin: 0 0 20px 0;
	*margin: 0 0 -25px 0;
}
.culture
{
	width: 732px;
	height: auto;
	float: left;
	border-right:#EEE 1px solid;
}
.culture_title
{
	width: 712px;
	height: 25px;
	background:#D9EEFA url(../images/sbar.png) left no-repeat;
	padding-top: 6px;
	padding-left: 20px;
	color: #FFFFFF;
	font-size: 16px;
}
.culture_title h3 {
	color:#27527F;
	font-size:15px;
	line-height:20px;
	margin:0 0 0 40px;
	padding:0;
}
.culture_content
{
	width: 716px;
	height: auto;
	padding-left: 15px;
	margin-top:10px;
}
.culture_content img {
	float:left; 
	background:#FFF;
	border:#EEE 1px solid;
	-o-border-radius: 3px;
	-khtml-border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	/*behavior: url(http://localhost/aothun/themes/aothun/css/ie-css3.htc);*/
	border-radius: 3px;
	padding:6px;
	margin:0 10px 10px 0;
}
.culture_text
{
	width: 695px;
	height: auto;
	font-size:13px;
	text-align: justify;
}
.customer
{
	width: 226px;
	height: auto;
	float: right;
}
.customer_title
{
	width: 217px;
	height: 25px;
	color:#27527F;
	font-size:12px;
	font-weight:bold;
	border-bottom:#DDD 1px dashed;
	padding-top: 6px;
	padding-left:7px;
}
.customer_title h2 {
	font-size:12px;
	display:inline;
	margin:0;
	*margin-right:3px;
	padding:0;
}
.customer_content
{
	width: 100%;
	height: auto;
}
.customer_cell
{
	width: 100%;
	height: auto;
	padding-top: 10px;
	padding-bottom: 8px;
	border-bottom:#F1F1F1 1px solid;
}
.customer_image
{
	width: 100px;
	float: left;
	padding-top: 0px;
	margin-left: 5px;
	margin-right: 5px;
}
.customer_detail
{
	width: 105px;
	height: auto;
	float: left;
}
.customer_row
{
	font-size:11px;
}
.customer_row h6 {
	font-size:12px
	line-height:20px;
	margin:0;
	padding:0;
}
.customer_row h6 a {
	color:#000;
}
.customer_row h6 a:hover {
	color:#009BD7;
}
.customer_updown {	
	width:200px;
	margin:5px 0 5px 0;
}
.customer_updown a.up {
	float:left;
	background:url(../images/cup.gif) no-repeat;
	width:100px;
	height:18px;
	text-indent: -3000px;
	display:block;
}
.customer_updown a.down {
	float:right;
	background:url(../images/cdown.gif) no-repeat;
	width:100px;
	height:18px;
	text-indent: -3000px;
	display:block;
}

.ads_foot {
	background:#FFF;
	width:968px;
	_width:970px;
	border-left:#E9E9E9 1px solid;
	border-right:#E9E9E9 1px solid;
	margin:0px 0 0 0;
	padding:5px 0 8px 0;
}
.ads_foot a {
	line-height:0;
	padding:0;
	margin:0;
}

/**************************************************/
/**************** PRODUCT LISTING ******************/
/**************************************************/

.main_image
{
	width: 740px;
	_width:715px;
	padding:0 0 20px 0;
	margin:0;
}
.cat_image {
	width: 740px;
	border-bottom:#DDD 1px dashed;
	padding:0 0 20px 0;
	margin:0;
}
.image_text
{
	float: left;
	width: 410px;
	height: auto;	
	font-size:12px;
	text-align: justify;
}
.slogan {
	color:#27527F;
	font-size:18px;
	font-weight:normal;
	margin:0 0 15px 0;
}
.slogan h1 {
	color:#27527F;
	font-size: 22px;
    font-weight: normal;
	line-height:25px;
	padding:0;
	margin:0;
}
.slogan h2, .slogan h3 {
	color:#333;
	font-size:18px;
	font-weight:normal;
	line-height:25px;
	padding:0;
	margin:10px 0 0 0;
}
.image_text h3 {
	font-size:15px;
	line-height:10px;
}
.image_text h3 a {
	color:#000;
}
.image_text h3 a:hover {	
	color:#009BD7;
}
.image
{
	float: right;
	width: 300px;
	height: 200px;	
	border:#EEE 1px solid;
	-o-border-radius: 3px;
	-khtml-border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	/*behavior: url(http://localhost/aothun/themes/aothun/css/ie-css3.htc);*/
	border-radius: 3px;
	padding: 6px;
}

.tees {
	float:left;
	width:172px;
	padding:0;
	margin:0 8px 15px 5px;
	*margin:0 13px 15px 0px;
}
.tees a img {
	width:170px;
	height:226px;
	border: #EAEAEA 1px solid;
	-o-border-radius: 3px;
	-khtml-border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	/*behavior: url(http://localhost/aothun/themes/aothun/css/ie-css3.htc);*/
	border-radius: 3px;
}
.tees a:hover img {
	border: #CCC 1px solid;
}
.tees h3 {
	font-size:10px;
	font-weight:normal;
	line-height:16px;
	padding:0;
	margin:0;
}
.tees h4 {
	font-size:12px;
	line-height:18px;
	padding:0;
	margin:0;
}
.tees h3 a {
	color:#777;
}
.tees h3 a:hover {
	color:#009BD7;
}

.listproducts {
	margin-top:15px;
}

/**************************************************/
/**************** PRODUCT DETAIL ******************/
/**************************************************/
.products_detail
{
	float: left;
	width: 740px;
	_width:760px;
	height: auto;
	margin-top: 10px;
	margin-left: 20px;
	_margin-left: 10px;
	margin-bottom: 10px;	
}

.product_specification
{
	width: 385px;
	height: auto;
	margin-left: 10px;
	float: left;
}
.product_specification h1 {
	color: #27527F;
    font-size: 22px;
    font-weight: normal;
    line-height: 25px;
    margin: 0;
	_margin-top:-15px;
    padding: 0 0 10px 0;
}
.specification_cell
{
	width: 384px;
	padding-top: 5px; 
	text-align: justify; 
	text-justify: newspaper;
	height: auto;
}
.specification_cell em {
	color:#000;
	font-weight:bold;
}
.specification_text
{
	width: 70px;
	line-height:22px;
	padding-top: 5px;
	margin-right: 10px;
	_margin-right: 5px;
	float: left;
}
.specification_text label {
	color:#CC0000;
}
.specification_textbox
{
	width: 264px;
	padding-top: 5px;
	float: left;
}

.big_image_container
{
	float: left;
	width: 342px;
	height: auto;
	padding:0;
	margin:0;
}

.colours {
	margin:20px 0 10px 25px;
}
.colours img {
	width:22px;
	height:22px;
	border:#DEDEDE 1px solid;
	-o-border-radius: 3px;
	-khtml-border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	/*behavior: url(http://localhost/aothun/themes/aothun/css/ie-css3.htc);*/
	border-radius: 3px;
	margin-right:3px;
}

.tags {
	background:url(../images/tag.gif) top left no-repeat;
	color:#AAA;
	font-size:11px;
	padding: 0 0 0 25px;
}
.tags h2 {
	color:#999;
	font-size:11px;
	font-weight:normal;
	display:inline;
	line-height:18px;
	padding:0;
	margin:0;
}
.tags img {
	margin-right:7px;
}

.related {
	background:#F9F9F9;
	width:385px;
	padding:0 0 10px 0;
	margin: 10px 15px 20px 0;
}
.related h4 {
	font-size:15px;
	line-height:35px;
	padding:0;
	margin:0 0 0 3px;
}
.related .product_related {
	float:left;
	padding:0p;
	margin:0 0 0 6px;
}
.related .product_related a {
	font-size:10px;
	color:#000;
}
.related .product_related a:hover {
	color: #009BD7;
}
.related .product_related a img {
	width:85px;
	height:113px;
	border: #EAEAEA 1px solid;
	-o-border-radius: 3px;
	-khtml-border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	/*behavior: url(http://localhost/aothun/themes/aothun/css/ie-css3.htc);*/
	border-radius: 3px;
}
.related .product_related a:hover img {
	border: #CCC 1px solid;
}

/**************************************************/
/******************* CUSTOMER *********************/
/**************************************************/

.show_products
{
	float: right;
	width: 740px;
	height: auto;
	margin-top: 10px;
	margin-right: 20px;
	_margin-right: 3px;
	margin-bottom: 10px;	
}
.show_products1
{
	float: left;
	width: 740px;
	height: auto;
	margin-top: 10px;
	margin-left: 20px;
	margin-bottom: 10px;	
}
.show_full
{
	width: 100%;
	height: auto;
	margin-top: 10px;
	margin-bottom: 10px;	
}

.customer_cell_container
{
	width:auto;
	position:relative;
	z-index:4;
}
.customer_cell_detail
{
	float: left;
	width: 140px;
	height:330px;
	margin-right: 8px;
	margin-bottom: 10px;
}
.cus_cell
{
	width: 120px;
	height: auto;
	text-align: justify;
}
.cus_cell h3 {
	color:#000;
	font-size:14px;
	line-height:20px;
	text-align: left; 
	padding:0;
	margin:10px 0 10px 0;
}
.cus_cell h3 a {
	color:#000;
}
.cus_cell h3 a:hover {
	color:#009BD7;
}
.cus_image
{
	width: 120px;
	height: auto;
	border:#EAEAEA 1px solid;
	-o-border-radius: 3px;
	-khtml-border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	/*behavior: url(http://localhost/aothun/themes/aothun/css/ie-css3.htc);*/
	border-radius: 3px;
	text-align:center;
}
.cus_image:hover {
	border:#CCC 1px solid;
}
.customer_banner
{
	width: 100%;
	height: auto;
}
.customer_logo_cell
{
	float: left;
	width: 95px;
	border:#EAEAEA 1px solid;
	-o-border-radius: 3px;
	-khtml-border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	/*behavior: url(http://localhost/aothun/themes/aothun/css/ie-css3.htc);*/
	border-radius: 3px;
	margin-right: 20px;
	margin-left: 5px;
	margin-bottom: 20px;
}
.customer_logo_cell:hover {
	border:#CCC 1px solid;
}

h1.oh2, h2.oh2 {
	color: #FF7500;
    font-size: 25px;
    font-weight: normal;
	line-height:40px;
	margin:0;
	padding:0 0 10px 0;
}
.top_customer h1, .top_customer h2, h2.ch2 {
	color: #27527F;
    font-size: 25px;
    font-weight: normal;
	line-height:40px;
	margin:0;
	_margin-top:-20px;
	padding:0 0 10px 0;
}
.top_customer h3 {
	color: #27527F;
    font-size: 25px;
    font-weight: normal;
	line-height:40px;
	margin:0;
	_margin-top:-20px;
	padding:0 0 10px 0;
}
.top_customer h4 {
	color: #27527F;
    font-size: 15px;
    font-weight: bold;
	line-height:25px;
	margin:4px 0 2px 0;
	padding:0;
}
.top_customer h6 {
	color:#000;
	font-size:13px;
	font-style:italic;
	font-weight:normal;
	margin:0 0 25px 0;
	padding:0;
}
.top_customer table {
	border:#DDD 1px solid;
	margin:0 auto;
}
.top_customer table td {
	border:#DEDEDE 1px solid;
}
.top_customer table td p {
	padding:0 5px 10px 5px;
}

/**************************************************/
/******************** VIDEOS **********************/
/**************************************************/
.video_cell {
	float:left;
	width:150px;
	height:170px;
	margin:0 20px 0 15px;
}
.video_cell .video_thumb {
	position:absolute; 
	z-index:9;
}
.video_cell a h5 {
	background:url(../images/playbg.gif) no-repeat;
	background-position:0 0;
	
	width:150px;
	height:113px;
	
	/* Theoretically for IE 8 & 9 (more valid) */
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=80);

	/* Older than Firefox 0.9 */
	-moz-opacity:0.8;

	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.8;

	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.8;
	
	border:none;	
	display:block;
	text-indent: -3000px;
	outline:none;
	cursor: pointer;
    cursor: hand;
	
	position:absolute; 
	z-index:10;
	
	margin:0;
	padding:0;
	line-height:0;
}

.video_cell a:hover h5 {
	background-position:0 -113px;
	
	/* Theoretically for IE 8 & 9 (more valid) */
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";

	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=95);

	/* Older than Firefox 0.9 */
	-moz-opacity:0.95;

	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.95;

	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.95;
}
.video_cell h3 {
	font-size:12px;
	font-weight:normal;
	margin-top:120px;
}

/************** FEEDBACK ****************/
.news_container
{
	width: 740px;
	padding-top: 10px;
	height: auto;	
}
.news_content_container
{
	width: 740px;
	height: auto;
	margin-top: 10px;
}

.feedback_cell1
{
	width: 720px;
	min-height:200px;
    display:table;
    height: auto !important; /* for modern browsers */
    *display: block; /* for IE5.x and IE6 */ 
    _height: 200px; /* for IE5.x and IE6 */
	background-color: #F8F8F8;
	border-top: 1px dashed #DDD;
	border-bottom: 1px dashed #DDD;
	padding:5px 10px 5px 10px;
	margin-top: 10px;
}
.feedback_cell2
{
	width: 720px;
	min-height:200px;
    display:table;
    height: auto !important; /* for modern browsers */
    *display: block; /* for IE5.x and IE6 */ 
    _height: 200px; /* for IE5.x and IE6 */
	padding:5px 10px 5px 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.feedback_cell1 img {
	background:#FFF;
	border:#F0F0F0 1px solid;
	-o-border-radius: 3px;
	-khtml-border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	/*behavior: url(http://localhost/aothun/themes/aothun/css/ie-css3.htc);*/
	border-radius: 3px;
	padding: 6px;
	margin-left:10px;
	margin-top:5px;
	margin-bottom:5px;
}
.feedback_cell2 img {
	background:#FFF;
	border:#F2F2F2 1px solid;
	-o-border-radius: 3px;
	-khtml-border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	/*behavior: url(http://localhost/aothun/themes/aothun/css/ie-css3.htc);*/
	border-radius: 3px;
	padding: 6px;
	margin-left:10px;
	margin-top:5px;
}
.feedback_cell1 h3, .feedback_cell2 h3 {
	font-size:12px;
	font-weight:normal;
	line-height:20px;
	padding:0;
	margin:0;
}
.feedback_cell1 h4, .feedback_cell2 h4 {
	font-size:12px;
	line-height:20px;
	padding:0;
	margin:20px 0 0 0;
}

/************** CONTENT ****************/
.content {
	font-size:13px;
	margin-top:15px;
}
.content h1, content h2 {
	font-size:12px;
	color:#000;
	display:inline;
}
.content img {
	border:#F2F2F2 1px solid;
	-o-border-radius: 3px;
	-khtml-border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	/*behavior: url(http://localhost/aothun/themes/aothun/css/ie-css3.htc);*/
	border-radius: 3px;
	padding: 6px;
}
.content p, .content div {
	line-height:18px;
}
.content ul li {
	line-height:22px;
}

.content h2 {
	color: #27527F;
    font-size: 16px;
	font-weight:bold;
	line-height:25px;
	margin:0;
	padding:0;
}
.content h3 {
	color: #000;
    font-size: 13px;
	font-weight:bold;
	line-height:25px;
	margin:0;
	padding:0;
}
.content h4, .content h5 {
	color: #000;
    font-size: 13px;
	font-weight:bold;
	line-height:25px;
}

.pagedetail {
	font-size:13px;
	margin-top:10px;
}
.pagedetail img {
	border:#EEE 1px solid;
	-o-border-radius: 3px;
	-khtml-border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	/*behavior: url(http://localhost/aothun/themes/aothun/css/ie-css3.htc);*/
	border-radius: 3px;
	padding: 6px;
}
.pagedetail p, .pagedetail div {
	line-height:19px;
}
.pagedetail blockquote {
	line-height:19px;
}
.pagedetail ul, .pagedetail ol {
	margin:10px 0 10px 0;
}
.pagedetail ul li, .pagedetail ol li {
	color:#333;	
	line-height:22px;
}
.pagedetail ul li:before, .pagedetail ol li:before {
	font-weight:bold;
}
.pagedetail ul li p, .pagedetail ul li div, .pagedetail ol li p, .pagedetail ol li div {
	color:#555;
	font-weight:normal;
}
.pagedetail h1 {
	color:#222;
	font-size:14px;
	font-weight:bold;
	line-height:20px;
	padding:0;
	margin:0;
}
.pagedetail h3 {
	color: #333;
    font-size: 13px;
	font-weight:bold;
	line-height:20px;
	margin:15px 0 10px 0;
	padding:0;
}

.lienhe {
	position:absolute;
	width:70px;
	left:660px;
	text-align:right;
	padding:0;
	margin:-7px 0 0 0;
	z-index:5;
}
.flienhe {
	background:#FFF url(../images/stripebg.png) repeat;
	width: 350px;
	height: 60px;
	border:#CCC 1px solid;
	-o-border-radius: 3px;
	-khtml-border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	/*behavior: url(http://localhost/aothun/themes/aothun/css/ie-css3.htc);*/
	border-radius: 3px;
	text-align:center;
	margin:0 auto;
	margin-top:20px;
}
.flienhe h3, .flienhe h4 {
	line-height:22px;
	padding:0;
	margin:5px 0 0 0;
}
.flienhe h3 a {
	color:#FF8000;
	font-size:20px;
	font-weight:normal;
}
.flienhe h4 a {
	color:#000080;
	font-size:18px;
	font-weight:normal;
}

/**************************************************/
/********************* NEWS ***********************/
/**************************************************/

.news_cell
{
	width: 720px;
	height:150px;
	border-top: 1px dashed #DDD;
	padding:15px 0 5px 0;
	margin-top: 10px;
}
.pages_cell {
	width: 720px;
	height: 130px;
	border-top: 1px dashed #DDD;
	padding:15px 0 5px 0;
	margin-top: 10px;
}
.news_cell img, .pages_cell img {
	border:#EAEAEA 1px solid;
	-o-border-radius: 3px;
	-khtml-border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	/*behavior: url(http://localhost/aothun/themes/aothun/css/ie-css3.htc);*/
	border-radius: 3px;
	padding: 6px;
	margin-right:10px;
	margin-bottom:5px;
}
.news_cell a:hover img, .pages_cell a:hover img {
	border:#CCC 1px solid;
}
.news_cell h3, .pages_cell h3 {
	font-size:16px;
	line-height:20px;
	padding:0;
	margin:0 0 10px 0;
}
.news_cell .datetime, .pages_cell .datetime {
	font-size:11px;
	color:#B7770D;
	margin:0 0 5px 0;
	padding:0;
}

p.datetime1 {
	font-size:11px;
	color:#B7770D;
	margin:5px 0 10px 0;
	padding:0;
}

/**************************************************/
/****************** CASE STUDY ********************/
/**************************************************/

.casestudy_container
{
	width: 740px;
	padding-top: 10px;
	height: auto;	
}
.casestudy_container div.cases {
	padding:0;
	margin:0 0 15px 0;
}
.casestudy_container h3 {
	display:inline;
	font-size:13px;
	font-weight:normal;
}
.casestudy_container h3 a {
	margin-right:2px;
	text-decoration:underline;
}

/**************************************************/
/******************* LEFT *************************/
/**************************************************/
.left_navigation
{
	float: left;
	width: 170px;
	height: auto;
	background:#FFF;
	border-left:#EEE 1px solid;
	border-right:#EEE 1px solid;
	margin: 10px 0 10px 15px;
	_margin: 10px 0 10px 8px;
}

.left_cell {
	padding:0;
	margin:0;
}
.left_cell h1, .left_cell h2, .left_cell h3, 
.left_cell_special h1, .left_cell_special h2, .left_cell_special h3, 
.left_cell_special1 h1, .left_cell_special1 h2, .left_cell_special1 h3, 
.left_cell_special2 h1, .left_cell_special2 h2, .left_cell_special2 h3 {
	font-size:12px;
	font-weight: normal;
    line-height: 20px;
    margin: 0;
    padding: 0;
}
.left_cell h4, .left_cell_special h4, .left_cell_special1 h4, .left_cell_special2 h4 {	
	color:#3774B0;
	font-size: 13px;
    line-height: 25px;
    margin: 0 0 0 10px;
    padding: 0;
}
.left_cell .lbar, .left_cell_special .lbar, .left_cell_special1 .lbar, .left_cell_special2 .lbar {
	background:#EFEFEF;
	padding:2px 0 3px 0;
	margin:0;
}
.left_cell .lbarselected {
	background:#ABD7FA;
	padding:2px 0 3px 0;
	margin:0;
}
.left_cell_special .lbarselected {
	background:#D9AA64;
	padding:2px 0 3px 0;
	margin:0;
}
.left_cell_special1 .lbarselected {
	background:#82C300;
	padding:2px 0 3px 0;
	margin:0;
}
.left_cell_special2 .lbarselected {
	background:#6291B3;
	padding:2px 0 3px 0;
	margin:0;
}
.left_cell .lbarselected h4 {	
	color:#2C5C8D;
	font-size: 13px;
    line-height: 25px;
    margin: 0 0 0 10px;
    padding: 0;
}
.left_cell_special .lbarselected h4 {	
	color:#FFF;
	font-size: 13px;
    line-height: 25px;
    margin: 0 0 0 10px;
    padding: 0;
}
.left_cell_special1 .lbarselected h4 {	
	color:#FFF;
	font-size: 13px;
    line-height: 25px;
    margin: 0 0 0 10px;
    padding: 0;
}
.left_cell_special2 .lbarselected h4 {	
	color:#FFF;
	font-size: 13px;
    line-height: 25px;
    margin: 0 0 0 10px;
    padding: 0;
}
.left_cell ul, .left_cell_special ul, .left_cell_special1 ul, .left_cell_special2 ul {
	list-style:none;
	margin:0;
	padding:0;
}
.left_cell ul li {
	background:url(../images/detail.png) right center no-repeat;
	border-bottom:#EEE 1px solid;
	list-style:none;
	padding:7px 20px 7px 10px;
}
.left_cell_special ul li {
	background:url(../images/detailspecial.gif) right center no-repeat;
	border-bottom:#EFDCC0 1px solid;
	list-style:none;
	padding:7px 20px 7px 10px;
}
.left_cell_special1 ul li {
	background:url(../images/detailspecial1.gif) right center no-repeat;
	border-bottom:#CFE7BE 1px solid;
	list-style:none;
	padding:7px 20px 7px 10px;
}
.left_cell_special2 ul li {
	background:url(../images/detailspecial2.gif) right center no-repeat;
	border-bottom:#DEE6EB 1px solid;
	list-style:none;
	padding:7px 20px 7px 10px;
}
.left_cell ul li.selected {
	background:url(../images/detailselected.png) right center no-repeat;
	border-bottom:#EEE 1px solid;
	list-style:none;
	padding:7px 20px 7px 10px;
}
.left_cell_special ul li.selected {
	background:url(../images/detailspecialselected.gif) right center no-repeat;
	border-bottom:#EEE 1px solid;
	list-style:none;
	padding:7px 20px 7px 10px;
}
.left_cell_special1 ul li.selected {
	background:url(../images/detailspecialselected1.gif) right center no-repeat;
	border-bottom:#CFE7BE 1px solid;
	list-style:none;
	padding:7px 20px 7px 10px;
}
.left_cell_special2 ul li.selected {
	background:url(../images/detailspecialselected1.gif) right center no-repeat;
	border-bottom:#DEE6EB 1px solid;
	list-style:none;
	padding:7px 20px 7px 10px;
}
.left_cell ul li a {
	color:#555;
}
.left_cell_special ul li a {
	color:#E19200;
}
.left_cell_special1 ul li a {
	color:#58A500;
	font-weight:normal;
}
.left_cell_special2 ul li a {
	color:#598AAE;
	font-weight:normal;
}
.left_cell ul li a:hover {
	color:#009BD7;
}
.left_cell_special ul li a:hover {
	color:#000;
}
.left_cell_special1 ul li a:hover {
	color:#000;
}
.left_cell_special2 ul li a:hover {
	color:#000;
}
.left_cell ul li.selected a {
	color:#009BD7;
}
.left_cell_special ul li.selected a {
	color:#000;
	font-weight:bold;
}
.left_cell_special1 ul li.selected a {	
	color:#000;
	font-weight:bold;
}
.left_cell_special2 ul li.selected a {	
	color:#000;
	font-weight:bold;
}

.left_cell_special {
	background:#FFF url(../images/stripebgspecial.png) repeat;
	padding:0;
	margin:0;
}
.left_cell_special1 {
	background:#FFF url(../images/stripebgspecial1.png) repeat;
	padding:0;
	margin:0;
}
.left_cell_special2 {
	background:#FFF url(../images/stripebgspecial2.png) repeat;
	padding:0;
	margin:0;
}

/**************************************************/
/******************* RIGHT ************************/
/**************************************************/
.right_navigation
{
	float: right;
	background:#FFF url(../images/stripebg.png) repeat;
	width: 170px;
	height: auto;
	border:#F1F1F1 1px solid;
	-o-border-radius: 3px;
	-khtml-border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	/*behavior: url(http://localhost/aothun/themes/aothun/css/ie-css3.htc);*/
	border-radius: 3px;
	margin: 10px 15px 10px 0;
	_margin: 10px 5px 10px 0;
}
.right_navigation .why {
	margin:10px;
}
.right_navigation .why .whycount {
	background:#FFF;
	border:#F1F1F1 1px solid;
	-o-border-radius: 3px;
	-khtml-border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	/*behavior: url(http://localhost/aothun/themes/aothun/css/ie-css3.htc);*/
	border-radius: 3px;
	padding:5px 7px 5px 7px;
	margin:0;
}
.right_navigation .note{
	color:#000;
	font-size:13px;
	font-weight:bold;
	margin:0 0 10px 0;
}
.right_navigation .note h3, .right_navigation .note h4, .right_navigation .note h5 {
	display:inline;
	font-size:14px;
	line-height:20px;
	padding:0;
	margin:0;
}
.right_navigation .note h3 {
	color:#000;
}
.right_navigation .note h4 {
	color:#000;
}
.right_navigation .note h5 {
	color:#000;
}

.right_navigation ul{
	list-style:none;
	padding:0;
	margin:0;
}
.right_navigation ul li{
	padding:0;
	margin:0 0 12px 0;
}
.right_navigation ul li h4{
	display:inline;
	color:#000;
	font-size:20px;
	font-weight:normal;
}
.right_navigation ul li h3{
	display:inline;
	color:#555;
	font-size:12px;
	font-weight:normal;
	line-height:18px;
	margin-left:5px;
}

/**************************************************/
/******************* LEFT2 ************************/
/**************************************************/
.left2_navigation
{
	float: left;
	background:#FFF url(../images/stripebg.png) repeat;
	width: 170px;
	height: auto;
	border:#F1F1F1 1px solid;
	-o-border-radius: 3px;
	-khtml-border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	/*behavior: url(http://localhost/aothun/themes/aothun/css/ie-css3.htc);*/
	border-radius: 3px;
	margin: 10px 0 10px 15px;
}
.left2_navigation .why {
	margin:10px;
}
.left2_navigation .why .whycount {
	background:#FFF;
	border:#F1F1F1 1px solid;
	-o-border-radius: 3px;
	-khtml-border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	/*behavior: url(http://localhost/aothun/themes/aothun/css/ie-css3.htc);*/
	border-radius: 3px;
	padding:5px 7px 5px 7px;
	margin:0;
}
.left2_navigation .note{
	color:#000;
	font-size:13px;
	font-weight:bold;
	margin:0 0 10px 0;
}
.left2_navigation .note h3, .left2_navigation .note h4, .left2_navigation .note h5 {
	display:inline;
	font-size:14px;
	line-height:20px;
	padding:0;
	margin:0;
}
.left2_navigation .note h3 {
	color:#000;
}
.left2_navigation .note h4 {
	color:#000;
}
.left2_navigation .note h5 {
	color:#000;
}

.left2_navigation ul{
	list-style:none;
	padding:0;
	margin:0;
}
.left2_navigation ul li{
	padding:0;
	margin:0 0 12px 0;
}
.left2_navigation ul li h4{
	display:inline;
	color:#000;
	font-size:20px;
	font-weight:normal;
}
.left2_navigation ul li h3{
	display:inline;
	color:#555;
	font-size:12px;
	font-weight:normal;
	line-height:18px;
	margin-left:5px;
}

/**************************************************/
/******************* FOOT *************************/
/**************************************************/
.fcustomer {
	background:#FFF;
	border-left: #F1F1F1 1px solid ;
    border-right: #F1F1F1 1px solid;
	padding:10px 10px 0 10px;
}
.fcustomer a {
	padding:0;
	margin:0 9px 0 9px;
}
.fcustomer a:hover {
	/* Theoretically for IE 8 & 9 (more valid) */
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=80);

	/* Older than Firefox 0.9 */
	-moz-opacity:0.8;

	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.8;

	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.8;
}
.fcustomer a.fall {
	float:right;
	*display:inline;
	background:url(../images/next.png) no-repeat;
	width:17px;
	height:42px;
	display:block;
	text-indent: -3000px;
	margin-top:27px;
	*margin-top:-70px;
}
.bottom_customer {
	text-align:center;
}
.bottom_customer h4 {
	color: #27527F;
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
	padding:0;
	margin:0 0 20px 0;
}

.footer_container
{
	width: 970px;
	_width:971px;
	height: 510px;
	background:url(../images/footer_bg.jpg) repeat;
	margin-top:0;
}
.footer_backup_link
{
	width: 100%;
	height: auto;
	overflow: auto;
	margin-bottom:10px;
}
.footer_cell
{
	width: 165px;
	*width: 165px;	
	height: auto;
	float: left;
	margin-top: 10px;
	margin-left: 20px;
	_margin-left: 12px;
}
.footer_service_cell
{
	width: auto;
	height: auto;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-right: 10px;
	float: left;
}
.footer_service_cell ul {
	list-style:none;
	margin:5px 0 0 10px;
	_margin:0 0 0 10px;
	padding:0;
}
.footer_service_cell ul li {
	margin:0;
	padding:0;
}
.footer_service_cell ul li h3 {
	font-size:12px;
	font-weight:normal;
	line-height:18px;
	margin:0;
	padding:0;
}
.footer_service_cell ul li a {
	color:#FFF;
}
.footer_service_cell ul li a:hover {
	color:#FFF;
	text-decoration:underline;
}
.footer_service
{
	width: 160px;
	height: auto;
	padding-top: 5px;
}
.footer_service_speech
{
	background:url(../images/fdown.gif) no-repeat;
	width:14px;
	height:7px;
	margin-left:10px;
}
.footer_speech
{
	width: 150px;	
	height: 20px;
	position:relative;
	padding_left:15px;
	background:#4398D1; /* default background for browsers without gradient support */
}
.footer_speech h4 {
	color:#ECF7FD;
	font-size:13px;
	line-height:20px;
	margin:0 0 0 10px;
	padding:0;
}

.footer_container #social {
	text-align:right;
	margin-right: 20px;
	_margin-right: 12px;
}
.footer_container #social .social {
	display:inline;
	margin:20px 5px 0 3px;
}
.footer_container #social a {
	color:#D9EBFB;
	font-size:11px;
}
.footer_container #social a:hover {
	text-decoration:underline;
}

.copyright_container
{
	background:url(../images/fline.gif) top repeat-x;
	width: 930px;
	height: auto;
	padding-top: 20px;
	margin: 0 20px 0 20px;
	font-size: 11px;
	color: #FFF;
}
.copyright
{
	width: 460px;
	height: 40px;
	float: left;	
}
.copyright_bank
{
	width: 470px;
	height: 40px;
	text-align: right;
	float: left;
}
.copyright_content
{
	width: auto;
	height: auto;
	padding-top: 2px;
}

.ser_container
{
	width: 182px;
	background-color: #fffee0;
	height: 40px;
	border-bottom: 1px #ffffff solid;
	-moz-box-shadow: 2px 2px 2px #ccc;
  	-webkit-box-shadow: 2px 2px 2px #ccc;
  	box-shadow: 1px 1px 1px #ccc;
}
.ser_container1
{
	width: 182px;	
	height: 40px;
	border-bottom: 1px #ffffff solid;
}
.ser_icon
{
	width: 20px;
	height: 30px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
}
.ser_content
{
	width: auto;
	height: auto;
	padding-top: 5px;
	padding-left: 5px;
	float: left;
}
.four_step
{
	width: 162px;
	height: 300px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
}
.four
{
	width: 162px;
	height: 300px;	
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #e4f1fa;	
}
.print_tech
{
	width: 162px;
	height: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
	background-color: #e4f1fa;
	-o-border-radius: 3px;
	-khtml-border-radius:15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	/*behavior: url(http://localhost/aothun/themes/aothun/css/ie-css3.htc);*/
	border-radius: 15px;	
}
.step_content
{
	width: 162px;
	height: auto;
	padding-top: 5px;
}
.products_list
{
	width: 758px;
	height: auto;
	margin-right: 10px;
	margin-bottom: 10px;
}
.product_detail
{
	width: 175px;
	height: auto;	
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
}
.product_title
{
	width: 175px;
	font-weight: bold;
	margin-top: 5px;
}
.product_code
{
	width: 175px;
	font-size: 10px;
	color: #999;
}
.product_image
{
	width: 175px;
	border: 1px solid #fff;
	height: auto;
}
.product_paging
{
	width: 758px;
	height: auto;
	text-align: right;
}
.list_customer
{
	width: 951px;
	height: 50px;
	padding: 10px;
	background-color: #FFFFFF;
}
.list_left
{
	width: auto;
	height: auto;
	padding-top: 10px;
	float: left;
}
.list_content
{
	width: 880px;
	height: auto;
	padding-left: 20px;
	text-align: center;
	float: left;
}
.list_product
{
	width: auto;
	margin-right: 20px;
	float: left;
}
.thumb_container
{
	width: 345px;
	height: auto;
	text-align: center;
	margin-top: 5px;
}
.thumb_cell
{
	width: 108px;
	height: auto;
	margin-right: 5px;
	text-align: center;
	border: 1px #ccc solid;
	float: left;
}
.copyright_container a {
	color:#FFF;
}
.copyright_container a:hover {
	text-decoration:underline;
}

/**************************************************/
/******************* REGISTER *********************/
/**************************************************/
.footer_register
{
	width: 188px;
	height: auto;
	float: left;	
	background-color: #fff;
	border:#4398D1 2px solid;
	padding: 10px;
	margin-top: 20px;
	margin-bottom:10px;
}
.footer_register_container
{
	width: 178px;
	height: auto;
	padding: 5px;
	background-color: #ffffff;
}
.register_container
{
	width: auto;
	margin-top: 5px;
	text-align:left;
}
.register_container img {
	margin-right:5px;
}
.register_container em
{
	font-size:10px; 
	color:#CCCCCC;
	font-style:normal;
	text-align: right;
}
.register_container_text {
	clear:both;
	padding-top: 15px;
	*padding-top: 10px;
	_padding-top: 10px;
	text-align: justify;
}
.divlink {
	margin:15px 0 5px 0;
}
#newsletterForm {
	margin:10px 0 0 0;
}
#newsletterForm input {
	margin:5px 0 0 0;
}
.igister {
	width:165px;
	color:#777;
	font-size:11px;
	border:#73BFFB 1px solid;
	-o-border-radius: 2px;
	-khtml-border-radius:2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	/*behavior: url(http://localhost/aothun/themes/aothun/css/ie-css3.htc);*/
	border-radius: 2px;	
	padding:3px 5px 3px 5px;
}
.begister {
	float:right;
	background:url(../images/register.png) no-repeat;
	width:84px;
	height:26px;
	border:none;	
	display:block;
	text-indent: -3000px;
	outline:none;
	cursor: pointer;
    cursor: hand;
}
.begister:hover {
	background-position:0 -26px;
}

.submit_form {
	border-top:#DDD 1px dashed;
	padding:20px 0 0 0;
	margin:20px 0 25px 0;
}
.submit_form_title {
	margin-bottom:10px;
}
.submit_form h3 {
	color:#27527F;
	font-size:16px;
	display:inline;
	*margin-right:3px;
}
.submit_form_cell {
	margin:0 0 0 25px;
	padding:0;
}
.isubmit {
	width:250px;
	_width:240px;
	color:#777;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	border:#27527F 1px solid;
	-o-border-radius: 2px;
	-khtml-border-radius:2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	/*behavior: url(http://localhost/aothun/themes/aothun/css/ie-css3.htc);*/
	border-radius: 2px;
	padding:4px 6px 4px 6px;
}
.ssubmit {
	width:60px;
	color:#777;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	border:#27527F 1px solid;
	-o-border-radius: 2px;
	-khtml-border-radius:2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	/*behavior: url(http://localhost/aothun/themes/aothun/css/ie-css3.htc);*/
	border-radius: 2px;	
	padding:4px 6px 4px 6px;
	margin-left:3px;
}
.tsubmit {
	color:#777;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	border:#27527F 1px solid;
	-o-border-radius: 3px;
	-khtml-border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	/*behavior: url(http://localhost/aothun/themes/aothun/css/ie-css3.htc);*/
	border-radius: 3px;	
	padding:4px 6px 4px 6px;
}

.bcsubmit {
	float:left;
	background:url(../images/submit.png) no-repeat;
	width:116px;
	height:27px;
	border:none;	
	display:block;
	text-indent: -3000px;
	*text-indent: -999px;
	*font-size: 0px;
	*color:#D95530;
	overflow: hidden;
	outline:none;
	cursor: pointer;
    cursor: hand;
}
.bcsubmit:hover {
	background-position:0 -27px;
	*color:#000;
}

.csubmit {
	float:left;
	background:url(../images/comment.png) no-repeat;
	width:116px;
	height:27px;
	border:none;	
	display:block;
	text-indent: -3000px;
	*text-indent: -999px;
	*font-size: 0px;
	*color:#D95530;
	overflow: hidden;
	outline:none;
	cursor: pointer;
    cursor: hand;
}
.csubmit:hover {
	background-position:0 -27px;
	*color:#000;
}

.c1submit {
	background:url(../images/comment1.png) no-repeat;
	width:116px;
	height:27px;
	border:none;	
	display:block;
	text-indent: -3000px;
	*text-indent: -999px;
	*font-size: 0px;
	*color:#D95530;
	overflow: hidden;
	outline:none;
	cursor: pointer;
    cursor: hand;
}
.c1submit:hover {
	background-position:0 -27px;
	*color:#000;
}


a.bcontact {
	float:right;
	background:url(../images/contact.png) no-repeat;
	width:116px;
	height:27px;
	border:none;	
	display:block;
	text-indent: -3000px;
	outline:none;
	cursor: pointer;
    cursor: hand;
}
a.bcontact:hover {
	background-position:0 -27px;
}

#recaptcha_widget img {
	background:#FFF;
	border: none;/*border:#27527F 1px solid;*/
	-o-border-radius: 3px;
	-khtml-border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	/*behavior: url(http://localhost/aothun/themes/aothun/css/ie-css3.htc);*/
	border-radius: 3px;
	padding:5px;
	margin:0 10px 10px 0;
}
#recaptcha_widget a img {
	border:none;
	padding:0px;
	margin:0 0 10px 20px;
}
#recaptcha_widget  .recaptcha_only_if_image {
	margin-top:5px;
}

/**************************************************/
/******************** CONTACT *********************/
/**************************************************/

#reviews {
	margin-top:50px;
}
#reviews h3 {
	color:#27527F;
	font-size: 18px;
    font-weight: normal;
    line-height: 25px;
	margin:0 0 30px 0;
	padding:0;
}

#reviews .review_item {
	border-top:#DDD 1px dashed;
	margin:0 0 30px 0
}
#reviews .review_item .review_bar {
	background:#F2F2F2;
	color:#888;
	font-size:11px;
	line-height:21px;
	padding:4px 8px 4px 8px;
}
#reviews .review_item .review_bar label {
	color:#555;
	font-size:12px;
}
#reviews .review_item p {
	margin-left:8px;
}

/**************************************************/
/******************** CONTACT *********************/
/**************************************************/

.contact_cell {
	clear:both;
	margin-bottom:25px;
}
.contact_row {
	clear:both;
	margin-bottom:12px;
}
.contact_left {
	float:left;
	font-weight:bold;
	width:110px;
	text-align:right;
	padding-top:5px;
}
.contact_left a {
	color:#444;
}
.contact_left label {
	color:#CC0000;
}
.contact_right {
	float:left;
	color:#444;
	width:600px;
	text-align:left;
	margin-left:10px;
}
.contact_cell img {
	border:#DFDFDF 1px solid;
	-o-border-radius: 3px;
	-khtml-border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	/*behavior: url(http://localhost/aothun/themes/aothun/css/ie-css3.htc);*/
	border-radius: 3px;
}

.error {
	background:#FFFBFB url(../images/error.png) left no-repeat;
	height:30px;
	color:#C30000;
	font-size:12px;
	font-weight:bold;
	font-style:italic;
	border-top:#FFC4C4 1px solid;
	border-bottom:#FFC4C4 1px solid;
	padding:15px 0 0 45px;
	margin:10px 0 0 0;
}
.error a {
	color:#C30000;
}
.error a:hover {
	color:#000;
}
.error1 {
	background:#FFFBFB url(../images/error.png) left no-repeat;
	height:30px;
	color:#C30000;
	font-size:12px;
	font-weight:bold;
	font-style:italic;
	border-top:#FFC4C4 1px solid;
	border-bottom:#FFC4C4 1px solid;
	padding:15px 0 0 45px;
	margin:10px 0 10px 0;
}
.success {
	background:#F9FCF5 url(../images/success.png) left no-repeat;
	height:30px;
	color:#008700;
	font-size:13px;
	font-weight:bold;
	border-top:#BEDFA8 1px solid;
	border-bottom:#BEDFA8 1px solid;
	padding:15px 0 0 45px;
	margin:10px 0 0 0;
}
.success1 {
	background:#F9FCF5 url(../images/success.png) left no-repeat;
	height:30px;
	color:#008700;
	font-size:11px;
	font-weight:bold;
	border-top:#BEDFA8 1px solid;
	border-bottom:#BEDFA8 1px solid;
	padding:15px 0 0 45px;
	margin:10px 0 10px 0;
}


div.cnote {
	margin:20px 0 20px 0;
}
div.cnote label {
	color:#CC0000;
}

.lines {
	width:700px;
	height:20px;
	border-top:#DDD 1px dashed;
}
.clines {
	width:100%;
	height:1px;
	border-top:#DDD 1px solid;
	margin:30px 0 30px 0;
}

/**************************************************/
/****************** THANK YOU *********************/
/**************************************************/
.thankyou {
	height:150px;
	text-align:left;
	margin-bottom:30px;
	padding:0 18px 0 18px;
}
.thankyou h1 {
	color: #27527F;
    font-size: 22px;
    font-weight: normal;
    line-height: 40px;
	padding:0;
	margin:0;
}


/**************************************************/
/********************* 404 ************************/
/**************************************************/
.pagenotfound {
	text-align:center;
	margin-bottom:30px;
}
.pagenotfound h1 {
	color: #27527F;
    font-size: 22px;
    font-weight: normal;
    line-height: 40px;
	padding:0;
	margin:0;
}

/**************************************************/
/******************** SLIDE ***********************/
/**************************************************/
/*
	Slideshow style
*/

#slides {
	position:absolute;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	If height not specified height will be set by the slide content
	Set to display none, prevents content flash
*/

.slides_container {
	width:732px;
	_width:720px;
	height:286px;
	overflow:hidden;
	position:relative;
	display:block;
}

/*
	Each slide
	Important:
	Set the width of your slides
	Offeset for the 20px of padding
	If height not specified height will be set by the slide content
	Set to display block
*/

#slides .slide {
	width:732px;
	_width:720px;
	height:286px;
	display:block;
}

/*
	Next/prev buttons
*/
#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:585px;
}

/*
	Pagination
*/

.pagination {
	position:absolute;
	margin:-50px 0 0 -25px;
	*margin:-50px 0 0 15px;
	width:100px;
	z-index:102;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

/**************************************************/
/******************* BREADCRUMBS ******************/
/**************************************************/
.breadcrumbs {
	list-style:none;
	padding:0 0 30px 0;
	*padding:0 0 20px 0;
	margin:0;
}
.breadcrumbs li {
    color: #999;
    float: left;
    font-size: 11px;
    padding: 0 0 0 5px;
}
.breadcrumbs li.first {
    padding-left: 0;
}
.breadcrumbs li a, .breadcrumbs li a:hover, .breadcrumbs li span {
    color: #888;
    padding-right: 8px;
}
.breadcrumbs li a:hover {
    color: #1980CF;
}
.breadcrumbs li.first a, .breadcrumbs li.second a {
	background:url("../images/breadcrumb-arr.gif") no-repeat scroll right center transparent;
}

/**************************************************/
/******************** PAGING **********************/
/**************************************************/
.viewall {
	float:right;
	background:url(../images/viewall.png) no-repeat;
	width:116px;
	height:27px;
	border:none;	
	display:block;
	text-indent: -3000px;
	outline:none;
	cursor: pointer;
    cursor: hand;
	margin:20px 0 0px 0;
}
.viewall:hover {
	background-position:0 -27px;
}

/************************************************/
/* PAGER ****************************************/
/************************************************/
#pager {
	color:#999999;
	border-top:#DDD 1px dashed;
	margin:20px 0 20px 0;	
	padding:0;
}
#pager ul {
	list-style:none;
	margin:5px 0 0 0;
	padding:0;
}
#pager ul li {
	display:inline;
	margin:0 5px 0 5px;
	padding:5px;
}
#pager ul li.selected {
	background:#0099FF;
	color:#FFF;
}
#pager ul li a {
	color:#000;
}
#pager ul li a:hover {
	color:#009BD7;
}

/**************************************************/
/******************** UP/DOWN *********************/
/**************************************************/
#work_sidebar #projects {
	height: 235px;
	overflow: hidden;
}

#projects {
	position: relative;
	padding: 0 1px;
}
#portfolio_table {	
	position: relative;
}
/**************************************************/
/********************* MORE ***********************/
/**************************************************/
div.readmore {
	float:right;
	margin-top:5px;
}
.clear {
	clear:both;
	height:0px;
	margin:0;
	padding:0;
}
/*********************Menu_ngang********************/
#menu_chucnang.menu{
	display:block;
	float:left;
	clear:both;
	width:960px;
	height:40px;
	padding:1px 5px;
    background-image: linear-gradient(bottom, rgb(90,220,237) 3%, rgb(62,135,199) 52%);
    background-image: -o-linear-gradient(bottom, rgb(90,220,237) 3%, rgb(62,135,199) 52%);
    background-image: -moz-linear-gradient(bottom, rgb(90,220,237) 3%, rgb(62,135,199) 52%);
    background-image: -webkit-linear-gradient(bottom, rgb(90,220,237) 3%, rgb(62,135,199) 52%);
    background-image: -ms-linear-gradient(bottom, rgb(90,220,237) 3%, rgb(62,135,199) 52%);

    background-image: -webkit-gradient(
    	linear,
    	left bottom,
    	left top,
    	color-stop(0.03, rgb(90,220,237)),
    	color-stop(0.52, rgb(62,135,199))
    );
    -moz-border-radius: 5px;
    -webkit-border-radius:  5px;
    border-radius:  5px;
}
#menu_chucnang.menu li{
	display:block;
	float:left;
	height:40px;
    font-size:16px;
}
/*.btn{
	background:url(../img/btn_x.png) left top repeat-x;
}*/
#mn.btn:hover{
  background-image: linear-gradient(top, rgb(90,220,237) 3%, rgb(62,135,199) 52%)repeat-x;
background-image: -o-linear-gradient(top, rgb(90,220,237) 3%, rgb(62,135,199) 52%)repeat-x;
background-image: -moz-linear-gradient(top, rgb(90,220,237) 3%, rgb(62,135,199) 52%)repeat-x ;
background-image: -webkit-linear-gradient(top, rgb(90,220,237) 3%, rgb(62,135,199) 52%) repeat-x;
background-image: -ms-linear-gradient(top, rgb(90,220,237) 3%, rgb(62,135,199) 52%)repeat-x;

background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.03, rgb(90,220,237)),
	color-stop(0.52, rgb(62,135,199))
)repeat-x;
  }
#bd.btn_border{
	width:1px;
	background:  #000066 left top no-repeat;
}
#tag{
  font-size:18px;
}

#tag.btna{
	display:block;
	clear:both;
	padding:0px 17px 0px 18px;
	font-family:helv_cond;
	color: #FFFFFF;
    font-weight: bold;
	font-size:13px;
	line-height:40px;
}
#tag.btna:hover{color: #222222;}
#menu_chucnang.menu li ul{
		background: url(../img/foot_conatcts.png);
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:250px;
        line-height:30px;
		z-index:200;
        -moz-border-radius: 0px 0px 5px 5px;
        -webkit-border-radius: 0px 0px 5px 5px;
        border-radius: 0px 0px 5px 5px;
		}
#menu_chucnang.menu li:hover ul{
		display:block;

		}
#menu_chucnang.menu li:hover ul{
		display:block;

		}
#menu_chucnang.menu li li {
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:250px;
		}
#menu_chucnang.menu li:hover li a{
		background:none;

		}
#menu_chucnang.menu li ul a{
		display:block;
		height:30px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
#menu_chucnang.menu li ul a:hover, .menu li ul li:hover a{
   background:#2580a2 url(../img/menu_bg.png) center left no-repeat;
			border:0px;
			color: #333333;
			text-decoration:none;
			}
#menu_chucnang.menu p{
		clear:left;
		}